<!DOCTYPE html>
<html style="background:#E9EBF3;height: 100%">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>业主福利</title>
	    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name = "description"  content="" />
		<link rel="stylesheet" href="/static/css/common.css">
		<link rel="stylesheet" href="/static/css/iscroll.css">
		<link rel="stylesheet" href="/static/css/main_v3.css">
		<!-- 
		<link rel="stylesheet/less" type="text/css" href="/static/less/wechat/coupon/lists_new.less">
		<script src="/static/js/less.js" type="text/javascript"></script>
		 -->
		<link rel="stylesheet"  href="/static/css/wechat/coupon/wechat.css">
		
	</head>
	<body style="background:#E9EBF3;height: 100%">
		<div style="background: #E9EBF3;margin-bottom: 100px" class="couponDetails">
		<div class="main-content couponContent" style="background: #FFFFFF;border-radius: 12px;">
			<section class="head-cont">
				<div class="companyInfo green-bg">
					<div class="companyLogo"><img src="/advertise/bar/wechat/1.png"/></div>
					<div class="info">
						<div class="yhprice">
							<div class="cashyhq yhHide"><label class="msymbol">￥</label><label class="price">50</label></div>
							<div class="feelyhq yhHide"><label class="yhfeel"> 免费</label></div>
							<div class="discountyhq yhHide"><label class="price">7</label><label class="zhe">折</label></div>
						</div>
						<div class="yhinfo">
							<label class="yhType">全部商品</label><label class="companyName">可利丁丝</label>
							<div style="clear: both"></div>
						</div>
					</div>
					<div style="clear: both"></div>
					<div class="circle circleleft"></div>
					<div class="circle circleright"></div>
				</div>
			</section>
			<section>
				<div class="yhDetails">
					<div class="title text-green"><label class="companyNames">H&M</label>购物优惠券</div>
					<div class="deContent">
						<span class="detime">2016.06.23-2016-08-10</span>
						<span class="demk">直减无消费门槛</span>
						<span class="deaddress">直减无消费门槛</span>
					</div>
					<div class="explain">
						<span class="explain-title">说明：</span>
						<span class="explain-text">购物券使用须知</span>
						<p class="explain-details yhHide">
							1.一个订单只能使用一张优惠券，多张优惠券不能同时使用。每张优惠券只能使用一次。
						</p>
					</div>
					<div class="productImg">
						<div class="productin">产品图示</div>
						<div class="productImgList">
							<img src="/static/images/jf_3.jpg">
							<img src="/static/images/jf_3.jpg" class="yhHide">
							<img src="/static/images/jf_3.jpg" class="yhHide">
							<img src="/static/images/jf_3.jpg" class="yhHide">
						</div>
					</div>
					<div class="viewDetails">查看详情</div>
				</div>
			</section>
		</div>
		
		<div class="QRcodeCase">
			<img src='/static/images/jf_3.jpg' class="QRcode" />
			<div class="QRcodeTit">*请在消费时向商家出示</div>
		</div>
		
		</div>
		<div class="btnList">
			<button class="btn-yhqylg yhHide">
				<p class="xl">一人限领一张</p>
				<p>不能再领取</p>
			</button>
			<button class="btn-yhqylq yhHide">
				<p>已领取</p>
				<p>点击查看我的优惠券</p>
			</button>
			<button class="btn-yhqygq ">
				<p>截止时间2016-07-01 09:00</p>
				<p>已过期</p>
			</button>
			<button class="btn-yhqljsy lqCoupon yhHide">立即领取</button>
		</div>
		<div class="mylist_div_none" style='padding:45% auto;background:#f3f5f6;display: none'>
        	<img src='/static/images/local/bg_empty.png' style='width:150px;background:#f3f5f6'/>
        	<p style='background:#f3f5f6;color:#ccc;font-size:12px;margin-top:14px;padding-left:19px;'>您查看的内容暂时无法显示哦！</p>
        </div>
	</body>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
	<script type="text/javascript" src="/static/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/static/js/iscroll/iscroll.js"></script>
	<script type="text/javascript" src="/static/js/iscroll/pullToRefresh.js"></script>
	
	<script>
		$(function(){
			var win = $(window).width();
			$(".info").width((win-130)+"px");
			$(".btnList").width((win-60)+"px");
		})
	</script>
</html>